<template>
  <div>
    <h1>parentA</h1>
    <son-a ref="sona" :info="info" :text="text" @test="test"></son-a>
  </div>
</template>

<script>
import SonA from "./SonA.vue";

/* 
ref获取DOM元素
在要DOM标记ref
this.$refs.xx

ref可以完成组件传值 子传父


*/
export default {
  mounted() {
    console.log(this.$refs.sona.msg);
    // $children 子传父
    // $children获取的是包含子组件的集合（数组）
    console.log(this.$children[0].msg);
  },
  data() {
    return {
      info: "父元素中的值",
      text: "幼儿园今天怎么没有放音乐！！",
    };
  },
  components: {
    SonA,
  },
  methods: {
    test() {
      console.log("尽量都精神精神！！");
    },
  },
};
</script>

<style lang="scss" scoped>
</style>